@extends('common.public')
@section('title', $news->title."-深圳市峰华科技有限公司")
@section('keyword', $news->keyword)
@section('content')
<div class="page-banner">
        <div class="img-banner md:py-5 flex md:items-center"
            style="background-image:url('/uploads/{{$banner}}');">
            <div class="banner-infos flex flex-wrap items-center w-full md:w-1/2 py-3 px-4">
                <div class="banner-inner py-3 px-4">
                    <div class="page-title w-full  text-4xl mb-5 text-white">知识加油站</div>
                    <!-- <div class="page-desc w-full text-white leading-6">
                        ACS开发并提供采用专有智能卡操作系统（ACOS）的智能卡。而且，ACOS卡能够通过多层次的安全访问等级满足这些应用的安全性要求。</div> -->
                </div>
            </div>
        </div>
    </div>

    <div class="page-content">
        <div class="w-full href-hash flex text-sm py-3"> 当前位置:
            <a href="/" title="首页">首页</a><span class="iconfont icon-xiangyou"></span><a href="/rfid" title="知识加油站">知识加油站</a>
            </div>
        <div class="news-contents flex flex-wrap py-8">
            <div class=" w-full lg:w-3/4">
                <h1 class="new-titles text-2xl">{{$news->title}}</h1>
                <div class="new-other flex text-sm text-gray-500 pt-2"><span class="pr-3">{{$news->created_at}}</span> 
                </div>
                <div class="contest py-3">
                    {!! $news->content !!}
                </div>
                
            </div>
            <div class="w-full lg:w-1/4 flex">
                <div class="slide-page w-full py-4 px-2 items-stretch shadow lg:ml-3">
                    <h3 class=" font-semibold">相关产品</h3>
                    <div class="flex flex-wrap pb-10">
                    @foreach($product as $v)
                        <div class="w-1/2">
                            <a href="{{$v->url}}" title="{{$v->name}}">
                                <div class="m-1 hover:shadow">
                                    <img src="/uploads/{{$v->thumb}}" title="{{$v->name}}" alt="">
                                </div>
                            </a>
                        </div>
                    @endforeach
                    </div>
                    <h3 class=" font-semibold">页面导航</h3>
                    <div class="new-nav pb-10">
                        <ul class="page-nav-ul">
                        @foreach( getMenu() as $v )
                        @if(empty($v['sub']))
                            <li class="page-nav-li text-gray-400 "><a href="{{$v['url']}}" title="{{$v['name']}}" class="w-full page-nav-li-a border-b py-1 pl-2 font-light flex">{{$v['name']}}</a></li>
                            @else
                            <li class="page-nav-li text-gray-400 "><a href="{{$v['url']}}" title="{{$v['name']}}" class="w-full page-nav-li-a border-b py-1 pl-2 font-light flex">{{$v['name']}}</a>
                                <ul>
                                @foreach($v['sub'] as $vv)
                                <li class="ml-6 font-light py-2 border-b text-sm"><a href="{{$vv['url']}}" class="w-full page-nav-li-a" title="{{$vv['name']}}">{{$vv['name']}}</a> </li>
                                @endforeach
                                </ul>
                            </li>
                            @endif
                        @endforeach
                        </ul>
                    </div>

                    <h3 class=" font-semibold">热门新闻</h3>
                    <div class="hot-news">
                        <div class="swiper-container newSwiper overflow-hidden relative">
                            <div class="swiper-wrapper">
                            @foreach($infs as $v)
                                <div class="swiper-slide">
                                    <div class="like-news pb-8">
                                        <div class="like-img text-center"><div class="flex w-full justify-center" style="height:150px;"><img src="/uploads/{{$v->thumb}}" title="{{$v->title}}" alt=""></div></div>
                                        <a href="{{$v->url}}" title="{{$v->title}}"><div class="like-title py-2">{{$v->title}}</div></a>
                                        <div class="like-desc text-gray-400 font-light text-sm ">{{$v->description}}</div>
                                    </div>
                                </div>
                            @endforeach    
                                <!-- 其他swiper-slide -->
                                
                            </div>
                            <div class="swiper-pagination -bottom-4"></div>
                        </div>
                    </div>
                </div>
            </div>    
        </div>
    </div>
@endsection